<template>
  <div style="float: left;font-size: 30px;height: 100%;align-items: center;display: inline-flex;justify-content: center;">
    <i class="el-icon-s-fold" style="cursor: pointer" v-show="!isCollapse" @click="collapseHandler"></i>
    <i class="el-icon-s-unfold" style="cursor: pointer" v-show="isCollapse" @click="collapseHandler"></i>
  </div> 
</template>
<script>
export default {
  props: {
    isCollapse: {
      type: Boolean,
     default: false
    }
  },
  methods: {
    collapseHandler() {
      this.$emit('collapseHandler', !this.isCollapse)
    }
  }
}
</script>